<div class="main-container">
  <mat-toolbar color="primary">
    <button mat-icon-button (click)="drawer.toggle()">
      <mat-icon>menu</mat-icon>
    </button>
    <a mat-button [routerLink]="'/'">{{title}}</a>
  </mat-toolbar>
  <mat-drawer-container [hasBackdrop]="true">
    <mat-drawer #drawer>
      <app-side-nav-tree></app-side-nav-tree>
    </mat-drawer>
    <mat-drawer-content>
      <router-outlet></router-outlet>
    </mat-drawer-content>
  </mat-drawer-container>
</div>
